import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import {uuid} from "@/utils";
Vue.config.productionTip = false

import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';

import axios from 'axios'
import VueAxios from 'vue-axios'

Vue.use(VueAxios, axios)
Vue.use(ElementUI);
axios.defaults.baseURL='http://localhost:9999/';//定义axios默认请求地址
let baseURL ='http://localhost:9999/'
Vue.prototype.$baseURL = baseURL ;//声明的系统变量

let uid=uuid(); //获取uuid
if(sessionStorage.getItem('uid')==null){ //如果sessionStorage没有则存储uuid
  sessionStorage.setItem('uid',uid);
}


// 添加请求拦截器
axios.interceptors.request.use(function (config) {
  // 在发送请求之前做些什么
  let token= sessionStorage.getItem("token");
  config.headers.token=token;
  return config;
}, function (error) {
  // 对请求错误做些什么
  return Promise.reject(error);
});

// 导航守卫-- 动态路由
router.beforeEach((to, from, next) => {
  let isAuthenticated = sessionStorage.getItem("token");//获取token

  if (to.name !== 'login' && !isAuthenticated) {//如果没有登录且目标路由不是登录则导航到登录页面
    next({name: 'login'})//
  }
  //如果已经登录
  if (isAuthenticated && to.name !== 'login' && router.getRoutes().length == 2) {//index.js 默认配置了两个静态理由 ,则需要执行动态路由
    axios.get('http://localhost:9999/menu/list').then(res => {
      let menuData = res.data.data;//获取一级菜单
      menuData.forEach(menu => {
            // eslint-disable-next-line no-prototype-builtins
            if (menu.hasOwnProperty("children")) {
              menu.children.forEach(subMenu => { //遍历二级菜单
                let newRouter = {
                  name: subMenu.name,
                  path: subMenu.path
                }
                newRouter.component = () => import( './views/' + subMenu.component + '.vue');
                router.options.routes[0].children.push(newRouter);
              })
            }
          }
      )
      router.addRoutes(router.options.routes);
    })

  }


  next();

})

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')
